<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../webjars/bootstrap/3.3.7-1/css/bootstrap.css" />
<link rel="stylesheet" href="../static/jquery-easyui-1.5.5.3/themes/material-teal/easyui.css" />
<link rel="stylesheet" href="../static/jquery-easyui-1.5.5.3/themes/icon.css" />
<script src="../static/jquery-easyui-1.5.5.3/jquery.min.js"></script>
<script src="../static/jquery-easyui-1.5.5.3/jquery.easyui.min.js"></script>
<script src="../static/jquery-easyui-1.5.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	$(function(){
		$("#t_user").datagrid({
			idField: 'id',
			title: '授权列表',
			fitColumns: true,
			width: '100%',
			striped: true,
			loadMsg: '数据正在加载...',
			rownumbers: true,
			url: 'list1',
			frozenColumns: [
				[
					{
						field: 'ck',
						width: 50,
						checkbox: true
					}
				]
			],
			columns: [
				[
					{
						field: 'id',
						title: '序号',
						width: 100,
						align: 'center'
					},{
						field: 'beginDate',
						title: '开始日期',
						width: 100,
						align: 'center'
					},{
						field: 'month',
						title: '使用期限（月）',
						width: 100,
						align: 'center'
					},{
						field: 'overDate',
						title: '结束日期',
						width: 100,
						align: 'center'
					},{
						field: 'lessee',
						title: '租户名称',
						width: 100,
						align: 'center',
						formatter: function(value){   //easyui取嵌套类对象的值
							return value.name;
						}
					},{
						field: 'cost',
						title: '缴纳费用',
						width: 100,
						align: 'center'
					}
				]
			],
			pagination: true,
			pageSize: 5,
			pageList: [ 5, 10, 20, 25, 50]
		});
	});
</script>
<style type="text/css">
	#ss{
		margin: 20px;
	}
</style>
</head>
<body>
	<table id = "t_user"></table>
</body>
</html>